<template>
  <view class="home-page">
    <view class="bg" />
    <Header />
    <Banner />
    <!-- 校园服务 -->
    <Service />
    <!-- 加入骑士团 -->
     <JoinRider />
    <Tabbar />
  </view>
</template>
<script setup lang="ts">
import Tabbar from "@/components/Tabbar/index.vue";
import Header from "./components/Header/index.vue";
import Banner from "./components/Banner/index.vue";
import Service from "./components/Service/index.vue";
import JoinRider from './components/JoinRider/index.vue';
</script>
<style lang="scss" scoped>
.home-page {
  .bg {
    position: absolute;
    top: 0;
    left: 0;
    background: $theme-color-gradient;
    z-index: -1;
    width: 100vw;
    height: 100vh;
  }
  
  // min-height: 100vh;
  // background-color: #f0f0f0;
}
</style>
